<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AI Conversation Interface</title>
  <link rel="stylesheet" href="../../css/home/index.css">
  <script defer src="../../js/home/index.js"></script>
</head>
<body>
  <div class="container">
    <!-- Logo 区域 -->
    <div class="logo">
      <h1 class="logo-text">哈哈哈</h1>
      <p class="subtitle">开始对话</p>
    </div>

    <!-- 聊天显示区域 -->
    <div class="chat-display" id="chat-display">
      <!-- 消息将在此显示 -->
    </div>
    
    <!-- 输入区域 -->
    <div class="input-section">
      <!-- 输入框和文件图标 -->
      <div class="input-container">
        <label for="file-upload" class="file-icon">
          <svg t="1731918480518" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4349" width="24" height="24"><path d="M744.8 709.2l23.1-23.1V928c0 17.7 14.3 32 32 32s32-14.3 32-32V686.1l23.1 23.1c12.5 12.5 32.8 12.5 45.3 0 6.3-6.3 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-77.7-77.7c-0.4-0.4-0.8-0.7-1.2-1.1-0.2-0.1-0.3-0.3-0.5-0.4-0.2-0.2-0.4-0.4-0.7-0.6-0.2-0.2-0.5-0.4-0.7-0.6-0.2-0.1-0.3-0.3-0.5-0.4-0.3-0.2-0.5-0.4-0.8-0.6-0.2-0.1-0.3-0.2-0.5-0.3-0.3-0.2-0.6-0.4-0.9-0.5-0.2-0.1-0.3-0.2-0.5-0.3-0.3-0.2-0.6-0.3-0.9-0.5-0.2-0.1-0.3-0.2-0.5-0.3-0.3-0.1-0.5-0.3-0.8-0.4l-0.6-0.3c-0.2-0.1-0.5-0.2-0.8-0.3-0.2-0.1-0.5-0.2-0.7-0.3-0.2-0.1-0.4-0.2-0.7-0.3-0.3-0.1-0.5-0.2-0.8-0.3-0.2-0.1-0.4-0.1-0.6-0.2l-0.9-0.3c-0.2-0.1-0.3-0.1-0.5-0.1-0.3-0.1-0.7-0.2-1-0.3-0.2 0-0.3-0.1-0.5-0.1-0.3-0.1-0.7-0.2-1-0.2-0.2 0-0.3-0.1-0.5-0.1-0.3-0.1-0.7-0.1-1-0.2-0.2 0-0.4 0-0.6-0.1-0.3 0-0.6-0.1-1-0.1-0.3 0-0.5 0-0.8-0.1-0.3 0-0.5 0-0.8-0.1H798.1c-0.3 0-0.5 0-0.8 0.1-0.3 0-0.5 0-0.8 0.1-0.3 0-0.7 0.1-1 0.1-0.2 0-0.4 0-0.6 0.1-0.3 0.1-0.7 0.1-1 0.2-0.2 0-0.3 0.1-0.5 0.1-0.3 0.1-0.7 0.1-1 0.2-0.2 0-0.3 0.1-0.5 0.1-0.3 0.1-0.7 0.2-1 0.3-0.2 0-0.3 0.1-0.5 0.1l-0.9 0.3c-0.2 0.1-0.4 0.1-0.6 0.2-0.3 0.1-0.5 0.2-0.8 0.3-0.2 0.1-0.4 0.2-0.7 0.3-0.2 0.1-0.5 0.2-0.7 0.3-0.3 0.1-0.5 0.2-0.8 0.3l-0.6 0.3c-0.3 0.1-0.5 0.3-0.8 0.4-0.2 0.1-0.3 0.2-0.5 0.3-0.3 0.2-0.6 0.3-0.9 0.5-0.2 0.1-0.3 0.2-0.5 0.3-0.3 0.2-0.6 0.4-0.9 0.5-0.2 0.1-0.3 0.2-0.5 0.3-0.3 0.2-0.5 0.4-0.8 0.6-0.2 0.1-0.3 0.3-0.5 0.4-0.2 0.2-0.5 0.4-0.7 0.6-0.2 0.2-0.4 0.4-0.7 0.6-0.2 0.1-0.3 0.3-0.5 0.4-0.4 0.4-0.8 0.7-1.2 1.1L699.1 664c-12.5 12.5-12.5 32.8 0 45.3 12.9 12.4 33.2 12.4 45.7-0.1zM641.2 256.1c0-17.7-14.3-32-32-32H225.7c-17.7 0-32 14.3-32 32s14.3 32 32 32h383.6c17.6 0 31.9-14.3 31.9-32zM641.2 448.2c0-17.7-14.3-32-32-32H225.7c-17.7 0-32 14.3-32 32s14.3 32 32 32h383.6c17.6 0 31.9-14.3 31.9-32zM225.7 608.3c-17.7 0-32 14.3-32 32s14.3 32 32 32h191.8c17.7 0 32-14.3 32-32s-14.3-32-32-32H225.7z" p-id="4350"></path><path d="M544.6 832.4H159.8c-17.6 0-31.9-14.3-31.9-32V160.1c0-17.7 14.3-32 31.9-32h513.9c17.6 0 31.9 14.3 31.9 32v320.2c0 17.7 14.3 32 31.9 32 17.6 0 31.9-14.3 31.9-32V128c0-35.4-28.6-64-63.9-64H127.9C92.6 64 64 92.7 64 128v704.4c0 35.4 28.6 64 63.9 64h416.8c17.6 0 31.9-14.3 31.9-32 0-17.6-14.3-32-32-32zM672 816.7c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32v-64c0-17.7-14.3-32-32-32z" p-id="4351"></path><path d="M607.8 671.9c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32c0 17.7 14.4 32 32 32zM896 800.9v64c0 17.7 14.3 32 32 32s32-14.3 32-32v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32z" p-id="4352"></path></svg>
        </label>
        <input type="file" id="file-upload" class="file-upload">
        <input type="text" id="user-input" placeholder="输入消息..." class="input-box">
      </div>
      
      <!-- 发送按钮 -->
      <div class="icons">
        <button class="search-btn" id="send-btn">发送</button>
      </div>
    </div>
  </div>
</body>
</html>
